﻿
img { border: 0; }
li { list-style: none; }
a { color: #005e00; text-decoration: none; }
    a:hover { text-decoration: underline; }
.wrapper { width: 1200px; margin: 0 auto; position: relative; }
#banner { width: 1200px; height: 650px;  overflow: hidden; position: relative; }
#banner_img { display: block; position: relative; }
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-position: center; background-size: cover; display: none; }
    #banner_img .ad_img { position: absolute; right: 80px; top: 60px; width: 640px; height: 400px; }
    #banner_img .ad_txt { position: absolute; left: 80px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
        #banner_img .ad_txt h2 { color: #0084cf; font: bold 36px/60px Microsoft YaHei; }
        #banner_img .ad_txt p { color: #005e00; font: 14px Microsoft YaHei;}
        #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #005e00; text-decoration: none; text-shadow: none; }
#banner_ctr { position: absolute; width: 960px; height: 122px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; }
    #banner_ctr ul { left: -20px; width: 960px; height: 122px; background: url(../images/mainTab.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }
    #banner_ctr li { display: block; float: left; width: 115px; height: 122px; cursor: pointer; }
#drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; }
#drag_arrow { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; background: url(../images/drag_banner_arrow.gif) center 14px no-repeat; }
